import { Options as Component } from 'vue-property-decorator';
import { Vue } from 'vue-class-component';
import { Cell, CellGroup } from 'vant';

@Component({
  name: 'My',
  render() {
    return (
      <div class="pb-16">
        <div class="bg-primary p-4 text-white">
          <div class="flex items-center">
            <img
              src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="w-16 h-16 rounded-full"
            />
            <div class="ml-4">
              <div class="text-lg font-bold">用户名</div>
              <div class="text-sm opacity-80">ID: 888888</div>
            </div>
          </div>
        </div>
        <CellGroup>
          <Cell title="我的订单" is-link to="/orders" />
          <Cell title="收货地址" is-link to="/address" />
          <Cell title="我的收藏" is-link to="/favorites" />
          <Cell title="设置" is-link to="/settings" />
        </CellGroup>
      </div>
    );
  }
})
export default class My extends Vue {} 